<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ES6的模块化实现</title>
</head>
<body>
  
</body>

<script type="module">

  // es6模块功能主要有两个命令构成，export、import
  // export：用于规定模块的对外接口
  // import：用于输入其他模块提供的功能
  // 一个模块就是一个独立的文件

  // import {name, age} from './modules/module.js'
  // console.log(name, age);

  // 默认值
  // import obj, {name, age} from './modules/module.js'
  // console.log(obj);
  // console.log(name, age);

  import * as f from './modules/module.js'
  console.log(f.name, f.age);
  console.log(f.default);

  import {Person} from './modules/module.js'
  console.log(Person);
  let p1 = new Person('wangwu', 30)
  console.log(p1)



</script>
</html>